<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台控制中心</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/admin.css">
</head>

<body>
    <section class="header">
        <h3>后台控制中心</h3>
        <button>状态</button>
    </section>

    <!-- 视频内容设置 -->
    <section class="videoContSet">
        <div class="tit_box">
            <h4>视频内容设置：</h4>
        </div>
        <!-- 视频标题 -->
        <div class="videoContTitleSetBox">
            <h6>顶部标题</h6>
            <input class="videoContText" type="text" name="" id="" placeholder="请输入标题">
        </div>
        <!-- 视频文件信息 -->
        <div class="videoFileSetBox">
            <h6>视频文件信息</h6>
            <div class="videoFileUrlSetBox">
                <input class="videoFileUrl" type="text" placeholder="当前视频的URL......">
                <button class="uploadFile">上传</button>
            </div>
        </div>
        <!-- 视频简介信息 -->
        <div class="videoIntroInfoSetBox">
            <h6>视频简介信息</h6>
            <textarea class="videoIntroInfoText" name="" id="" placeholder="请输入视频的简介信息..."></textarea>
        </div>
    </section>

    <!-- 题目内容设置 -->
    <section class="topicContentSetBox">
        <div class="tit_box">
            <h4>题目内容设置：</h4>
        </div>
        <!-- 题目内容 -->
        <div class="topiceContBox">
            <h6>题目内容</h6>
            <textarea class="topicContText" placeholder="请输入题目内容..."></textarea>
        </div>
        <!-- 题目选项 -->
        <div class="topicOptionsBox">
            <h6>题目选项 - 单击字母确定正确的选项</h6>
            <ul class="optionsList">
                <li class="option">
                    <span data-option="0" class="option_this">A</span>
                    <input class="optionText" type="text" placeholder="选项内容">
                </li>
                <li class="option">
                    <span data-option="1" class="option_this">B</span>
                    <input class="optionText" type="text" placeholder="选项内容">
                </li>
                <li class="option">
                    <span data-option="2" class="option_this">C</span>
                    <input class="optionText" type="text" placeholder="选项内容">
                </li>
                <li class="option">
                    <span data-option="3" class="option_this">D</span>
                    <input class="optionText" type="text" placeholder="选项内容">
                </li>
            </ul>
        </div>
    </section>

    <!-- 老师简介 -->
    <section class="teacherTopicSetBox">
        <div class="tit_box">
            <h4>老师简介设置：</h4>
        </div>
        <!-- 老师简介信息 -->
        <div class="techerTopicInfo">
            <h6>老师名称：</h6>
            <input class="techerName" type="text" placeholder="请输入老师的姓名/昵称">
        </div>
        <!-- 成就头衔 -->
        <div class="topTag">
            <h6>成就头衔(不要输入过长)：</h6>
            <div class="tagInputBox">
                <input class="Tag1" type="text" placeholder="成就头衔1">
                <input class="Tag2" type="text" placeholder="成就头衔2">
            </div>
        </div>
        <!-- 主要简介 -->
        <div class="mainTopicSetBox">
            <h6>主要简介：</h6>
            <textarea class="mainTecherTopicContText" placeholder="请输入简介..."></textarea>
            <textarea class="secTecherTopicContText" placeholder="请输入简介2..."></textarea>
        </div>
    </section>

    <!-- 热线电话设置 -->
    <section class="hotTelSetBox">
        <div class="tit_box">
            <h4>热线电话设置：</h4>
        </div>
        <!-- 热线电话 -->
        <div class="hotTelNumBox">
            <h6>电话号码：</h6>
            <input class="hotTelNum" type="tel" placeholder="请输入电话号码">
        </div>
    </section>

    <!-- 提交修改按钮 -->
    <button class="sumbit">提交修改</button>
</body>
<script src="../js/axios.js"></script>
<script src="../js/admin.js"></script>

</html>